<template>
  <div id="app">
    <router-view/>
    <footer class="beian">
      <p>
        <a href="https://beian.miit.gov.cn" target="_blank">备案号: 湘ICP备2025111925号-1</a>
      </p>
    </footer>
  </div>
</template>

<style>

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

nav {
  padding: 30px;
}

nav a {
  font-weight: bold;
  color: #2c3e50;
}

nav a.router-link-exact-active {
  color: #42b983;
}

.beian {
  text-align: center;
  padding: 10px;
  background-color: rgb(236,236,236);
  position: fixed; /* 固定定位 */
  bottom: 0; /* 固定在底部 */
  width: 100%; /* 宽度为100% */
  font-size: 14px;
  color: #666;
}

a {
  color: rgb(86,86,86);
  text-decoration: none;
}

a:hover {
  color:rgb(0,86,236);
}
</style>
